<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width">
    <title>Document</title>
</head>

<body>
    <h1>你好</h1>
    <h2>你好呀</h2>
    <h3>泥萌嚎</h3>
    <p>段落标签， 可以写内容，自从进入大学开始，我......</p>
    <a href="https://www.baidu.com">跳转到百度 </a>
    <a href="https://www.baidu.com" target="_blank">
        <img src="./微信图片_20230318203917.jpg" alt="">
    </a>
    <!-- a herf超链接标签,可使用嵌套图片使用，target  _blank 在新页面生成 _self 原页面生成-->
    <img src="" alt="">
    <!-- src里面复制图片地址-->
    <img src="./微信图片_20231101184605.jpg" alt="">
    <!-- ./在同一文件夹目录，../图片和其不在同一文件夹-->
    <ul>
        <li>哈哈哈哈</li>
        <li>吼吼吼吼</li>
    </ul>
    <!--无序列表，前面小黑点没有序号-->
    <ol>
        <li>嘻嘻嘻</li>
        <li>嗷嗷嗷</li>
    </ol>
    <!--有序列表，有序号-->
    <table border="1">
        <tr>
            <th>中文</th>
            <th>英文</th>
            <th>组合</th>
        </tr>
        <!--th表头，会加粗显示-->
        <tr>
            <td>你好</td>
            <td>world</td>
            <td>你好 世界</td>
        </tr>
        <!--一行三列，增加tr块，则变成两行三列，border设置了属性，即边框-->
    </table>
    <hr>
    <form action="">
        文本：<input type="text"><br>
        密码：<input type="password"><br>
        单选：<input type="radio" name="sex" checked> 女 <input type="radio" name="sex"> 男
        <!--默认选中checked-->
        多选：<input type="checkbox"> 前端
        <input type="checkbox"> java
        <input type="checkbox"> c语言 <br>
        提交按钮：<input type="submit"> <br>
        下拉列表：<select name="" id="">
            <option value="">请选择地区</option>
            <option value="">周口</option>
            <option value="">郑州</option>
        </select><br>
        <button>确认按钮</button>
        <button>取消</button>
    </form>
    <!--div容器标签 块级标签-->
    <div>红红火火</div>
    <div>恍恍惚惚</div>
    <div>
        <span>$</span>
        <span>2428</span>
        <span>
            <div class=""></div>00
        </span>
    </div>


</body>

</html>